<template>
  <div class='pop_Window' v-if="popWindowInfo&&popWindowDialog==1">
    <div class='bj'>
      <img class='bjimg' src="https://image.hezongyy.com/pcimage/20211109img/pc_zhc_zz_119.png" alt="">
      <div class='goodstext'>
        恭喜{{popWindowInfo.userName}}获得{{popWindowInfo.prizeName}}
      </div>
      <div class='btn'> <img @click="goToTj" class='btnimg' src='https://image.hezongyy.com/pcimage/20211109img/h5_zhc_bp_btn.png' alt=""></div>
      <div class='x' @click="closePopWindowDialog"> <img class='ximg' src="https://image.hezongyy.com/pcimage/20211109img/mh_tc_x.png" alt=""></div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    popWindowInfo: {},
  },
  data() {
    return {
      // popWindowDialog: localStorage.getItem('popWindowDialog') || 1,
      popWindowDialog: 1,
    }
  },
  mounted() {},
  methods: {
    //去特价
    goToTj() {
      window.open(this.pathURL + 'nativeApp/active119tj', '_blank')
    },
    //关闭数据霸屏
    closePopWindowDialog() {
      this.popWindowDialog++
      // localStorage.setItem('popWindowDialog', this.popWindowDialog)
    },
  },
}
</script>
<style lang="less" scoped>
.pop_Window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;

  .x {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;

    .ximg {
      width: 60px;
      height: 60px;
    }
  }

  .bj {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    .bjimg {
      width: 750px;
      height: 1053px;
    }

    .goodstext {
      padding: 0 168px;
      height: 34px;
      font-size: 28px;
      font-family: PingFang, PingFang-Medium;
      font-weight: 500;
      text-align: center;
      color: #ad0000;
      line-height: 34px;
      position: absolute;
      top: 595px;
      left: 0;
      right: 0;
      align-items: center;
      overflow: hidden;
      /*超出部分隐藏*/
      white-space: nowrap;
      /*不换行*/
      text-overflow: ellipsis;
      /*超出部分文字以...显示*/
      vertical-align: middle;
    }
    .btn {
      position: absolute;
      bottom: 65px;
      left: 0;
      right: 0;
      text-align: center;

      .btnimg {
        width: 464px;
        height: 104px;
      }
    }
  }
}
</style>